document.write(`
    <h2>学生信息</h2>
    <p>将数据渲染到页面中...</p>

    <table> <!-- 表格头部标签 -->
        <caption>学生列表</caption>
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>家乡</th>
        </tr>
    `) // 上面是不需要循环的部分

// 1. 数据准备， 声明 数组, 元素是对象
let 数组_学生信息 = [
    {姓名: '小明', 年龄: 18, 性别: '男', 所在地: '河北省'},
    {姓名: '小红', 年龄: 19, 性别: '女', 所在地: '河南省'},
    {姓名: '小刚', 年龄: 17, 性别: '男', 所在地: '山西省'},
    {姓名: '小丽', 年龄: 18, 性别: '女', 所在地: '山东省'},
    {姓名: '晓强', 年龄: 16, 性别: '女', 所在地: '蓝翔技校'}
]
// 2. 渲染页面， 循环数组读取信息， 打印表格
for (let i = 0; i < 数组_学生信息.length; i++) {
    document.write(`
                <tr> <!-- 打印每一行的表格 -->
                    <td>${i + 1}</td>
                    <td>${数组_学生信息[i].姓名}</td>
                    <td>${数组_学生信息[i].年龄}</td>
                    <td>${数组_学生信息[i].性别}</td>
                    <td>${数组_学生信息[i].所在地}</td>
                </tr>
                `)
}

document.write(`</table>`) // 表格尾部标签， 注意不要漏掉 尾部标签